---
layout: snippet
title: "Tooltip positions"
permalink: /examples/tooltip/positions/
sitemap: false
---

<div style="display: flex; justify-content: space-between;align-items: center; width: 100%; height: 130px;">
    <div class="b-tooltip b-tooltip-top b-tooltip-inline" data-tooltip="Hello tooltip">
        <button class="btn btn-primary" role="button">Top tooltip</button>
    </div>
    <div class="b-tooltip b-tooltip-right b-tooltip-inline" data-tooltip="Hello tooltip">
        <button class="btn btn-primary" role="button">Right tooltip</button>
    </div>
    <div class="b-tooltip b-tooltip-left b-tooltip-inline" data-tooltip="Hello tooltip">
        <button class="btn btn-primary" role="button">Left tooltip</button>
    </div>
    <div class="b-tooltip b-tooltip-bottom b-tooltip-inline" data-tooltip="Hello tooltip">
        <button class="btn btn-primary" role="button">Bottom tooltip</button>
    </div>
</div>